<template>
    <div style="background: #F7F7F7;">
      <div style="background: #fff;padding-top: 0.2rem;overflow: hidden;padding-bottom: 0.6rem" v-if="chenload">
        <div style="margin-top: 0.3rem;">
          <div class="top">
            <p>订单编码:</p>
            <p>{{data.sn}}</p>
          </div>
          <p class="p1"></p>
        </div>
       <div style="margin-top: 0.3rem;">
          <div class="top">
            <p>交易名称:</p>
            <p>充值</p>
          </div>
          <p class="p1"></p>
        </div>
        <div style="margin-top: 0.3rem;">
          <div class="top">
            <p>充值方式:</p>
            <p v-if="data.payment==1||data.payment=='1'">微信</p>
            <p v-else>赛思币</p>
          </div>
          <p class="p1"></p>
        </div>
        <div style="margin-top: 0.3rem;">
          <div class="top">
            <p>时间:</p>
            <p>{{data.addtime}}</p>
          </div>
          <p class="p1"></p>
        </div>
        <div style="margin-top: 0.3rem;">
          <div class="top">
            <p>充值金额:</p>
            <p>{{data.amount}}元</p>
          </div>
        </div>
      </div>
			<div class="loadmore" v-else>
				<img src="../../../src/assets/img/load.gif" alt="">
			</div>



    </div>
</template>

<script>
    export default {
        name: "Txmingxi",
				data(){
					return{
						data:'',
						id:'',
						chenload:false
					}
				},
				methods:{
					
				},
				mounted(){
					this.sdk.getJSSDK('','',this.$store.state.url);	
					var that = this;
					that.id = that.$route.query.id;
					that.axios.get(that.$store.state.url + "User/rechargeRecordInfo",{
						 params:{
							recharge_id:that.id,
						 }
					}).then(res=>{
						that.chenload=true;
						if (res.data.errcode == 0||res.data.errcode == '0'){
							// this.money = res.data.data.money
								that.data = res.data.data;
						}
					})
				}
    }
</script>

<style scoped>
  .top{
    width: 92%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .top p:nth-child(1){
    font-size:0.3rem;
    color:rgba(51,51,51,1)
  }
  .top p:nth-child(2){
    font-size:0.26rem;
    color:rgba(153,153,153,1);
  }
  .p1{
    width: 92%;
    margin: auto;
    height: 0.02rem;
    background: #EDEDED;
    margin-top: 0.3rem;
  }
</style>
